<nz-table
      #ajaxTable
      nzShowSizeChanger
      [nzLoading]="loading"
      [nzFrontPagination]="false"
      [nzData]="listOfDisplayData"
      [nzTotal]="total"
      [(nzPageSize)]="pageSize"
      (nzPageIndexChange)="pageChange()"
      [(nzPageIndex)] = "pageIndex"
    >
      <thead>
        <tr>
          <th
            nzShowCheckbox
            nzShowRowSelection
            [nzSelections]="listOfSelection"
            [(nzChecked)]="isAllDisplayDataChecked"
            [nzIndeterminate]="isIndeterminate"
            (nzCheckedChange)="checkAll($event)"
          ></th>
          <th>Name</th>
          <th>Age</th>
          <th>Address</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of ajaxTable.data">
          <td nzShowCheckbox [(nzChecked)]="mapOfCheckedId[data.id]" (nzCheckedChange)="refreshStatus()"></td>
          <td>{{ data.title }}</td>
          <td>{{ data.source }}</td>
          <td>{{ data.postTime }}</td>
        </tr>
      </tbody>
    </nz-table>


